<template>
  <div class="mines">
    <nav-bar>
      <div slot="center">我的</div>
    </nav-bar>
    <mine-head></mine-head>
    <mine-function></mine-function>
    <mine-item :itemList="itemList"></mine-item>
  </div>
</template>

<script>
import NavBar from "@/components/common/navbar/NavBar";
import MineItem from "./mineItem";
import mineHead from "./mineHead";
import mineFunction from "./mineFunction";
export default {
  name: "mine",
  components: {
    NavBar,
    MineItem,
    mineFunction,
    mineHead
  },
  data() {
    return {
      itemList: [
        {
          title: "我的订单",
          name: [
            "待付款",
            "待发货",
            "待收货",
            "待评价",
            "退款/售后",
            "我的收货地址",
          ],
        },
      ],
    };
  },
};
</script>

<style scoped>
.mines {
  background-color: WhiteSmoke;
  height: calc(100vh - 52px - 44px);
  border-bottom: 1px solid LightGrey;
  box-sizing: border-box;
}
</style>